var prefix = "/api/system/menu";
$(function () {
    load();
});

function load() {
    var url = window.location.href
    var typeId = url.charAt(url.length - 1)
    $('#exampleTable').bootstrapTable(
        {
            method: 'get',
            url: prefix + "/list/" + typeId,
            iconSize: 'outline',
            toolbar: '#exampleToolbar',
            striped: true,
            dataType: "json",
            pagination: true,
            clickToSelect: true,
            pageSize: 10,
            pageNumber: 1,
            showColumns: false,
            sidePagination: "client",
            contentType: "application/x-www-form-urlencoded",

            onClickRow: function (row, $element) {
                $element.addClass('info').siblings().removeClass('info').end();
            },
            columns: [
                {
                    field: 'idx',
                    radio: true
                },
                {
                    title: '序号',
                    formatter: function (value, row, index) {
                        return index + 1;
                    }
                },
                {
                    field: 'menuParentName',
                    title: '父级菜单名称'
                },
                {
                    field: 'menuName',
                    title: '菜单名称'
                },
                {
                    field: 'menuIcon',
                    title: '菜单图标'
                },
                {
                    field: 'menuUrl',
                    title: '菜单路径'
                },
                {
                    field: 'menuSort',
                    title: '菜单排序'
                },
                {
                    field: 'createdUser',
                    title: '创建人'
                },
                {
                    field: 'createdTime',
                    title: '创建日期'
                },
                {
                    field : 'status',
                    title : '是否可用' ,
                    formatter : function(value,row,index){
                        if(row.status == '1'){
                            return '可用';
                        }else{
                            return '<font color="red">不可用</font>';
                        }
                    }
                },
                {
                    title: '操作',
                    align: 'center',
                    formatter: function (value, row, index) {
                        if(row.status == '0'){
                            return [
                                '<a class="btn btn-sm btn-info" href="#" title="编辑" onclick="edit('+row.id+')">',
                                '<i class="glyphicon glyphicon-edit"></i>',
                                '</a>&nbsp;&nbsp;',
                                '<a class="btn btn-sm btn-warning" href="#" title="禁用" onclick="disable('+row.id+')">',
                                '<i class="glyphicon glyphicon-off"></i>',
                            ].join('');
                        }else{
                            return [
                                '<a class="btn btn-sm btn-info" href="#" title="编辑" onclick="edit('+row.id+')">',
                                '<i class="glyphicon glyphicon-edit"></i>',
                                '</a>&nbsp;&nbsp;',
                                '<a class="btn btn-sm btn-success" href="#" title="启动" onclick="able('+row.id+')">',
                                '<i class="glyphicon glyphicon-ok"></i>',
                                '</a>&nbsp;&nbsp;',
                            ].join('');
                        }
                    }
                }]
        })
}


//编辑
function edit(id) {
    layer.open({
        type : 2,
        title : '编辑',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '800px', '520px' ],
        content : prefix + '/edit?menuId=' + id
    });
}
//禁用
function disable(id) {
    layer.confirm('确定要禁用选中的记录？', {
        btn : [ '确定', '取消' ]
    }, function() {
        $.ajax({
            url : prefix+"/disable",
            type : "post",
            data : {
                'menuId' : id
            },
            success : function(r) {
                    layer.msg(r.msg);
                    reload();
            }
        });
    })
}


//启用
function able(id) {
    layer.confirm('确定要启用选中的记录？', {
        btn : [ '确定', '取消' ]
    }, function() {
        $.ajax({
            url : prefix+"/able",
            type : "post",
            data : {
                'menuId' : id
            },
            success : function(r) {
                    layer.msg(r.msg);
                    reload();
            }
        });
    })
}

//刷新
function reload(){
    $("#exampleTable").bootstrapTable('refresh');
}
